//页面加载完成执行里面的代码
$(function () {
    //页面加载完成查询数据库里面的数据
    // findAll({});
    getCount();

});

function getCount() {
    $.ajax({
        url: '/back/user/getCount',//访问后台的地址
        data: '',//传递到后台的数据
        type: 'get',//调用的方法
        dataType: 'json',//这里是固定json，
        success: function (res) {//res代表后台传递到前端的数据
            console.log(res);
            // 页面加载完成执行里面的代码
            page(res.count);
        }
    });
}

function page(count) {
    layui.use('laypage', function () {
        //得到layui分页对象
        var laypage = layui.laypage;

        //执行一个laypage实例
        laypage.render({
            elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
            , limit: 10 //每一页默认显示的条数
            , limits: [10, 20, 50] //可以让用户选择每一页显示的条数
            , layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
            , count: count //数据总数，从服务端得到
            , jump: function (obj) {
                console.log(obj);
                //分页对象里面必须有第几页和每一页显示多少条
                let data = {page: obj.curr, limit: obj.limit};
                findAll(data);
            }
        });
    });
}

function findAll(data) {
    $.ajax({
        url: '/back/user/findAll',//访问后台的地址
        data: data,//传递到后台的数据
        type: 'get',//调用的方法
        dataType: 'json',//这里是固定json，
        success: function (res) {//res代表后台传递到前端的数据
            console.log(res);
            if (res.data != null) {
                setData(res.data);
            }

        }
    });
}

//将得到的数据赋值给 $("#tbody").html(str)
//$("#top").load('top.html');
function setData(data) {
    console.log(data);
    let str = '';
    for (let i = 0; i < data.length; i++) {
        str += '<tr>\n' +
            '                                    <td>' + data[i].id + '</td>\n' +
            '                                    <td>' + data[i].username + '</td>\n' +
            '                                    <td>' + data[i].sex + '</td>\n' +
            '                                    <td>' + data[i].phone + '</td>\n' +
            '                                    <td>' + data[i].address + '</td>\n' +
            '                                    <td class="td-status">\n' +
            '                                      <span class="layui-btn layui-btn-normal layui-btn-mini">已启用</span></td>\n' +
            '                                    <td class="td-manage">\n' +
            '                                      <a onclick="member_stop(this,\'10001\')" href="javascript:;"  title="启用">\n' +
            '                                        <i class="layui-icon">&#xe601;</i>\n' +
            '                                      </a>\n' +
            '                                      <a title="编辑"  onclick="xadmin.open(\'编辑\',\'member-edit.html\',600,400)" href="javascript:;">\n' +
            '                                        <i class="layui-icon">&#xe642;</i>\n' +
            '                                      </a>\n' +
            '                                      <a onclick="xadmin.open(\'修改密码\',\'member-password.html\',600,400)" title="修改密码" href="javascript:;">\n' +
            '                                        <i class="layui-icon">&#xe631;</i>\n' +
            '                                      </a>\n' +
            '                                      <a title="删除" onclick="member_del(this,\'要删除的id\')" href="javascript:;">\n' +
            '                                        <i class="layui-icon">&#xe640;</i>\n' +
            '                                      </a>\n' +
            '                                    </td>\n' +
            '                                  </tr>';
    }
    $("#tbody").html(str);
}
